<template>
    <base-breadcrumb class="fixed-container" :title="$route.meta.title">
      <div style="background: #fff;padding: 10px;">
        <a-tabs default-active-key="1">
          <a-tab-pane :key="index" v-for="(item, index) in details" :tab="index == 0 ? '当届组织' : '往届组织'">
            <party-detail-item
              :detailObj="item"
            >
            </party-detail-item>
          </a-tab-pane>
          <!-- <a-tab-pane key="2" tab="往届组织">
            <party-detail-item
            >
            </party-detail-item>
          </a-tab-pane>
          <a-tab-pane key="3" tab="往届组织">
            <party-detail-item
            >
            </party-detail-item>
          </a-tab-pane> -->
        </a-tabs>
      </div>
      <div class="btn_box tool-btns--fixed page-btn-right-top">
        <a-button class="ml12" @click="handleClose">关闭</a-button>
      </div>
    </base-breadcrumb>
</template>

<script>
import PartyDetailItem from './detailItem.vue'
import { getPartyOrgAllById } from '@/api/partyMasses/leagueManage'
export default {
  name:'a'+ Date.now(),
    // name: 'AddPartyOrg',
    components: {
      PartyDetailItem
    },
    mounted() {
      const param = {id: this.$route.query.id};
      getPartyOrgAllById(param).then((res) => {
        this.details = res.data;
        // this.detail.form = res.data;
      })
    },
    data() {
        return {
          details: []
        }
    },
    methods: {
      handleClose() {
        this.$multiTab.close(this.$route.fullpath);
      }
    }
}
</script>

<style>
</style>
